<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/add.css"/>
    <script type="text/javascript" src="js/jquery.1.9.1.js" ></script>
    <script type="text/javascript" src="js/layer.js" ></script>
    <link rel="stylesheet" type="text/css" href="css/layer.css"/>
    <script type="text/javascript" src="js/iScroll.js" ></script>
    <script type="text/javascript" src="js/Mdate.js" ></script>
	<link rel="stylesheet" href="css/Mdate.css" />
	<script type="text/javascript" src="js/rem.js" ></script>
    <title>新增采购入库单</title>
</head>
<style>
	.order_money{padding: 0 0.3rem;background: #fff;}
	.order_money li span{font-size: 0.2rem;}
	.session,.caigou,#dateShowBtn {width: 60%;margin-top: 0.1rem;color: #333!important;float: left;text-align: left;}
	.money{font-size: 0.2rem;}
	textarea{background: #fff;border: none;}
	.beizhu{margin-bottom: 1rem;}
</style>
<body>
<form id="ruku" action=""  method="post">
<ul class="order_money">
    <li>
    		<span class="num">编号</span>
    		<input type="text" disabled="disabled" name="" id="week" value="1234567899876543" />
    </li>
    <li>
    		<span class="time">单据日期</span>
    		<input type="text" disabled="disabled" id="dateShowBtn" value="2019-10-10" />
    </li>
    <li>
    		<span class="chang">供应商</span>
    		<input type="text" disabled="disabled" class="session" value="北京立恒胶印" />
    </li>
    <li>
    		<span class="cg">采购人员</span>
    		<input type="text" disabled="disabled" class="caigou" value="采购" />
    </li>
</ul>
<ul class="product">
	<li>产品信息<div class="jia"><img src="img/jia.png"/></div></li>
</ul>
<ul class="productinfo">
	<li>
		<div class="infoleft"><img src="img/product.png"/></div>
		<div class="inforight">
			<p>小学生绘本课堂  年级阅读  二年级</p>
			<p class="infop2">仓库：北京仓库</p>
			<p class="infop3">¥50.00×100本</p>
		</div>
	</li>
	<li>
		<div class="infoleft"><img src="img/product.png"/></div>
		<div class="inforight">
			<p>小学生绘本课堂  年级阅读  二年级</p>
			<p class="infop2">仓库：北京仓库</p>
			<p class="infop3">¥50.00×100本</p>
		</div>
	</li>
	<li>
		<div class="lastleft">
			<p>3000</p>
			<p>数量合计</p>
		</div>
		<div class="lastright">
			<p class="infop3">¥50,000.00</p>
			<p>金额合计</p>
		</div>
	</li>
</ul>
<ul class="beizhu">
	<li>
    		<span class="money">其他金额</span>
    		<input type="number" disabled="disabled" id="money" value="" placeholder="0.00" />
    </li>
	<li style="height: 2.5rem;">
		<p class="title">单据备注</p>
        <textarea disabled="disabled" value="" ></textarea>
    </li>
</ul>
<div class="button">
		<a href="#"><div class="close">保存草稿</div></a>
		<div class="continue"><input class="pay" type="submit" name="" id="" value="提交审批" /></div>
</div>

</form>
</body>
<script>
$(function(){
	$("#ruku").submit(function(){
	  console.log('tijiao');
	});
});
</script>
</html>
